<template>
	<view class="content">
		<view id="wrap">
			<view class="txt">
				<text class="iconfont icon-guangbo"></text>
				<text class="txt_word">我们将用爱心全心全意为您的毛孩子</text>
			</view>
			<view class="banner">
				<swiper class="swiper" autoplay="autoplay" interval="2000" duration="1000" circular="true">
					<swiper-item v-for="i in bannerlist" :key="i">
						<image :src="i.url" mode="aspectFill" class="banner_pic"></image>
					</swiper-item>
				</swiper>
			</view>
			<view class="banner_txt">
				<text class="banner_txt_inner">放心服务</text>
				<text class="banner_txt_inner iconfont icon-dunpai">范围全面</text>
				<text class="banner_txt_inner iconfont icon-dunpai">技术全面</text>
				<text class="banner_txt_inner iconfont icon-dunpai">速度及时</text>
			</view>
			<view class="serve_project">
				<view class="serve_project_title">
					<text class="iconfont icon-xiangmu serve_project_title_txt">服务项目</text>
				</view>
				<view class="serve_project_boxes">
					<view class="project_box" v-for="project in projects" :key="project" @click="redirectTo()">
						<text class="majorTxt">{{project.majorTitle}}</text>
						<text class="minorTxt">{{project.minorTitle}}</text>
					</view>
				</view>
			</view>
			<view class="booking">
				<view class="booking_title">
					<text>{{processTitle}}</text>
				</view>
				<view class="booking_processes">
					<view class="booking_process" v-for="p in processes" :key="p">{{p.title}}</view>
				</view>
			</view>
			<view class="attentions">
				<view class="attention_title">
					<text>{{attentionTitle}}</text>
				</view>
				<view class="attention_content">
					<view class="attention_content_txt" v-for="a in attentionContent">
						<text>
							{{a}}
						</text>
					</view>
					
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				bannerlist: [{
						url: '../../static/banner/animal1.jpg'
					},	
					{
						url: '../../static/banner/animal2.jpg'
					},
					{
						url: '../../static/banner/animal3.jpg'
					}

				],
				projects:[
					{
						majorTitle:'宠物体检',
						minorTitle:'防患于未然',
						bgUrl:'',
						stdmode:111201
					},
					{
						majorTitle:'宠物美容',
						minorTitle:'一枝独秀独领风骚',
						bgUrl:'',
						stdmode:111202
					},
					{
						majorTitle:'预防保健',
						minorTitle:'最小的付出得到最大的会报',
						bgUrl:'',
						stdmode:111203
					},
					{
						majorTitle:'医疗服务',
						minorTitle:'还您一个健康的毛孩子',
						bgUrl:'',
						stdmode:111204
						
					}
				],
				processTitle:'预约流程',
				processes: [{
					title: '01线上预约',
					url: ''
				}, {
					title: '02到店核销',
					url: ''
				}, {
					title: '03进行服务',
					url: ''
				}, {
					title: '04客户验收',
					url: ''
				}],
				attentionTitle:'注意事项',
				attentionContent:[
					"您可以预约一周内的专家号。节假日、调休日不安排预约号（含周六、周日上门维修）。",
					"每日19点更新号源，每日下午15点停止次日号源的预约。",
					"每周六下午15点停止下周一号源的预约。",
					"节假日后第一天维修号源节前最后一个工作日下午15点停止预约。"
				]
			}
		},
		onLoad() {

		},
		methods: {
			redirectTo:function(){
				uni.reLaunch({
					url:'../booking/booking'
				})
			}
		},
		components: {

		}
	}
</script>

<style>
	@import url("./index.css");
	@import url("../../static/iconfont.css");
</style>
